// 背景图设置
.login
  height 100%
  padding-top 1.3rem
  background-image url('../../assets/login/bg.png')
  background-repeat no-repeat
  background-size 100%
  .title
    text-align center
    font-size 0.6rem
    font-family Source Han Sans CN
    font-weight 500
    color #fff
    text-shadow 0px 3px 4px rgba(1,36,108,0.74)
    margin-bottom 0.5rem
    z-index 1000
  .form_box
    width 100%
    height 4.68rem
    position relative
    // text-align center
    margin-bottom 0.2rem
    .form
      width 4.8rem
      height 4.68rem
      padding: 0.72rem 0.8rem
      box-shadow: 0 0 100px rgba(0, 0, 0, 0.08);
      background #fff
      position absolute
      top 0
      right 0
      left 0
      bottom 0
      margin auto
      z-index 1000
      // display none
      // position relative
      button
        width: 100%;
      p
        color: rgb(204, 204, 204);
        text-align: center;
        margin-top: 16px;
        font-size: 12px;
        display: flex;
        justify-content: space-between;
      // 账户或密码错误
      .error
        // background red
        heiht 0.3rem
        position relative
        top -0.25rem
        color '#f40'
        // display none
      // 错误提示语
      .error_mesg
        height 0.4rem
        line-height 0.4rem
        text-align left
        font-size 0.14rem
        color #FB6041
      // 图标
      .iconImg1
        display  inline-block
        img
          height 0.18rem
      .iconImg2
        display  inline-block
        img
          height 0.24rem

          
    .ant-input-prefix
      padding-right 0.1rem
      border-right 2px solid #3B7CFF
    .anticon
      font-size 0.24rem
    .ant-input-affix-wrapper .ant-input:not(:first-child)
      padding-left 0.65rem
    .logo
      text-align: center;
      cursor: pointer;
      margin-bottom: 0.24rem;
      display: flex;
      justify-content: center;
      align-items: center;
      img
        width: 40px;
        margin-right: 8px;
      span
        font-size 0.3rem
        font-weight 500
        color blue
        font-family Source Han Sans CN

    .ant-spin-container,
    .ant-spin-nested-loading
      height: 100%;
    .form_box
      .has-error .ant-form-explain, .has-error .ant-form-split
        text-align left
      .has-success.has-feedback .ant-form-item-children-icon,
      .has-error.has-feedback .ant-form-item-children-icon
        display none
      .ant-input-prefix
        height 0.05rem
  .shadow
      width 4.8rem
      height 0.7rem
      margin 0 auto
      border-top 0.01rem solid #1981ED
      background -webkit-linear-gradient( top, rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0) ) /* Safari 5.1 - 6 */
      background -o-linear-gradient(bottom,rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0)) /* Opera 11.1 - 12*/
      background -moz-linear-gradient( bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) /* Firefox 3.6 - 15*/
      background linear-gradient(to bottom,rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) /* 标准的语法 */
      display flex
      justify-content space-between
      p
        width 0.01rem
        height 0.7rem
        background -webkit-linear-gradient( top, #1981ED,rgba(0, 0, 0, 0) ) /* Safari 5.1 - 6 */
        background -o-linear-gradient(bottom,#1981ED,rgba(0, 0, 0, 0)) /* Opera 11.1 - 12*/
        background -moz-linear-gradient( bottom, #1981ED, rgba(0, 0, 0, 0)) /* Firefox 3.6 - 15*/
        background linear-gradient(to bottom,#1981ED, rgba(0, 0, 0, 0)) /* 标准的语法 */

    .foot
      display flex
      flex-direction column
      justify-content space-around
      align-items center
      font-size 0.16rem
      color #E7FBFF
      margin-top 0.1rem
      text-align center
